<!doctype html>
<html lang="">
<head>
  <meta charset="utf-8">
  <meta name="description" content="">
  <meta name="viewport"
        content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
  <title>gnc h5 20181212</title>

  <link rel="apple-touch-icon" href="apple-touch-icon.png">
  <!-- Place favicon.ico in the root directory -->

  <!-- build:css styles/vendor.css -->
  <!-- bower:css -->
  <!-- endbower -->
  <!-- endbuild -->

  <!-- build:css styles/main.css -->
  <link rel="stylesheet" href="styles/need/layer.css">
  <link rel="stylesheet" href="styles/swiper.min.css">
  <link rel="stylesheet" href="styles/main.css">
  <!-- endbuild -->

</head>
<body>
<div id="main"></div>
<script id="landing_HTML" type="text/html">
  <section class="landing">
    <div class="page1">
      <!--<img style="vertical-align: middle; width: 100vw;" src="./images/p1.png">-->
      <img class="p1-t1" style="position: absolute; width: 100vw;top:0;" src="./images/p1-t1.png">
    </div>
    <div class="page2" style="display: none">
      <img class="rule" src="./images/rule.png" alt="">
      <img class="p2-btn" style="position: fixed; display: block;" src="./images/p2-btn.png" alt="">
      <div class="rule-conten" style="display: none;">
        <div class="mask"></div>
        <img src="./images/rule-conten.png" alt="">
      </div>
    </div>
  </section>
</script>
<script id="home2_HTML" type="text/html">
  <div class="pageBox">
    <img class="an-top" src="images/an-top.png" alt="">
    <img class="an-bottom" src="images/an-bottom.png" alt="">
    <div class="swiper-container swiper-container-2">
      <img class="left" src="images/left.png" alt="">
      <img class="right" src="images/right.png" alt="">
      <div class="swiper-wrapper">
        <div class="swiper-slide swiper-slide2 stop-swiping sp-bg">
          <img class="eye1" src="images/eye3.png" alt="">
        </div>
        <div class="swiper-slide swiper-slide2 stop-swiping sp-bg">
          <img class="eye2" src="images/eye1.png" alt="">
        </div>
        <div class="swiper-slide swiper-slide2 stop-swiping sp-bg">
          <img class="eye4" src="images/eye4.png" alt="">
        </div>
        <div class="swiper-slide swiper-slide2 stop-swiping sp-bg">
          <img class="eye3" src="images/eye2.png" alt="">
        </div>
      </div>
    </div>
    <img class="p3-btn" id="send_yanshen" src="./images/p3-btn.png" alt="">
  </div>
</script>
<script id="home_HTML" type="text/html">
  <section class="home" style="">
    <!-- Swiper -->
    <div class="swiper-container swiper-container2">
      <div class="swiper-wrapper">
        <div class="swiper-slide swiper-slide2">猥琐</div>
        <div class="swiper-slide swiper-slide2">帅</div>
        <div class="swiper-slide swiper-slide2">白眼</div>
        <div class="swiper-slide swiper-slide2">爱心</div>
      </div>
    </div>
    <button id="prev_yanshen" style="font-size: 18px;"><</button>
    <button id="send_yanshen" style="font-size: 18px;">确认</button>
    <button id="next_yanshen" style="font-size: 18px;">></button>
  </section>
</script>

<script id="yanshen_HTML" type="text/html">
  <section>
    <div id="yanshenScreen" class="yanshenScreen">
      <!--<img style="vertical-align: middle;width: 100vw;position: fixed; z-index: -1;" src="images/4.jpg" alt="">-->
      <div style="position: relative;height: calc(280/1125*100vw)"></div>
      <div class="yanshen4">
        <img class="left top yanshen" style="z-index: 4" id="yanshenNo1" src="images/猥琐_0.png" alt="猥琐" data-light="0">
        <img class="left bottom yanshen" style="z-index: 4" id="yanshenNo2" src="images/帅_0.png" alt="帅" data-light="0">
        <img class="bottom right yanshen" style="z-index: 1" id="yanshenNo3" src="images/白眼_0.png" alt="白眼" data-light="0">
        <img class="right top yanshen" style="z-index: 1" id="yanshenNo4" src="images/爱心_0.png" alt="爱心" data-light="0">
        <img class ="yanshen4border" style="" src="images/框.png  " alt="">
      </div>
      <div class="yanshenbottom">

        <img class="qrcodeborder" src="./images/二维码框.png" alt="">

        <div id="mpqrcode" class="mpqrcode"></div>
        <img class="yanshencopy" src="images/文案.png" alt="">
      </div>
    </div>
    <div class="yanshenButtonArea">
      <img class="yanshenbtn" src="./images/yanshenbtn.png" alt="">
      <div id="restyanshen" class="restyanshen"></div>
      <!--<div id="shareyanshen" class="shareyanshen"></div>-->
      <div id="shenling" class="shenling"></div>
    </div>
  </section>
</script>
<script id="yehuangsu_HTML" type="text/html">
  <section id="yehuangsu" class="yehuangsu">
    <!--<img style="width: 100vw;vertical-align: middle;" src="./images/p5.png" alt="">-->
    <img class="p6-t1" style="display: block" src="./images/p5-t1.png" alt="">
    <img id="yehuangsuinfo" class="p5-btn" src="./images/p5-btn.png" alt="">
  </section>
  <section id="gncform" class="gncform" style="display: none">
    <div class="mask"></div>
    <div class="p7-kuang">
      <div style="" class="gncform-close"></div>
      <div class="name-box">
        <input type="text" id="name">
      </div>
      <div class="phone-box">
        <input type="text" id="phone">
      </div>
      <div class="add-box">
        <input type="text" id="add">
      </div>
      <img id="submit_yehuangsu" class="aright" src="images/aright.png" alt="">
    </div>
  </section>
</script>
<script id="gnccoupon_HTML" type="text/html">
  <section id="gnccoupon" class="gnccoupon">
    <!--<img style="width: 100vw;vertical-align: middle;" src="./images/p6.png" alt="">-->
    <img class="p6-t1" src="./images/p6-t1.png" alt="">
    <img id="go_gnccoupon" class="p5-btn" src="./images/p5-btn.png" alt="">
    <p class="coupon_code"
       style="font-size: 18px; color: white; width: 100vw; text-align: right; position: absolute; right: 0;top:0;">
      兑换码：<br>
      **********
    </p>
  </section>
</script>
<script id="gncform_HTML" type="text/html">

</script>
<!-- build:js scripts/vendor.js -->
<!-- bower:js -->
<script src="/bower_components/jquery/dist/jquery.js"></script>
<script src="/bower_components/canvas2image/canvas2image/canvas2image.js"></script>
<script src="/bower_components/jquery.cookie/jquery.cookie.js"></script>
<!-- endbower -->
<!-- endbuild -->
<script src="https://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
<!-- build:js scripts/thirdPartLib.js merge=true -->
<script src="scripts/layer.js"></script>
<script src="scripts/store.legacy.min.js"></script>
<script src="scripts/html2canvas.js"></script>
<script src="scripts/q.js"></script>
<script src="scripts/qrcode.js"></script>
<script src="scripts/jquery.qrcode.js"></script>
<script src="scripts/clipboard.js"></script>
<script src="scripts/swiper.jquery.min.js"></script>
<!-- endbuild -->
<!-- build:js scripts/main.js -->
<script src="scripts/main.js"></script>
<!-- endbuild -->
</body>
</html>
